<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/gotop.js"></script>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/responsiveslides.min.js"></script>

    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.orbit-1.2.3.min.js"></script>

    <!--[if IE]>
    <style type="text/css">
        .timer { display: none !important; }
        div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
    </style>
    <![endif]-->

    <!-- Run the plugin -->
    <script type="text/javascript">
        $(window).load(function() {
            $('#featured').orbit();
        });
    </script>

</head>
<body>
<div class="total" style="width: 80%;padding-left:10%">
<div class="wrapper">
    <h1><input type="image" src="images/logo.PNG"> </h1>
    <div class="right1">
        <div class="wrapper">
            <form id="search" action="" method="post">
                <div class="bg">
                    <input type="submit" class="submit" value="">
                    <input type="text" class="input" placeholder="请输入你想搜索的内容···">
                </div>
            </form>
        </div>
        <div class="wrapper">
            <nav>
                <ul id="top_nav1">
                    <li><a href="demo/login.html">登录</a></li>
                    <li><a href="demo/zhuce.html">注册</a></li>
                    <li><a href="#" class="tc">反馈</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>

    <div id="gray"></div>

    <div class="popup" id="popup">

        <div class="top_nav" id='top_nav'>
            <div align="center">
                <i></i>
                <span>反馈</span>
                <a class="guanbi"></a>
            </div>
        </div>

        <div class="min">

            <div class="tc_login">
                <div class="left">
                    <h4 align="center">扫一扫关注我们</h4>
                    <div align="center">
                        <img src="images/zfb_2yuan.jpg" width="150" height="150" />
                    </div>
                        <div align="center" style="font-family: 'microsoft yahei'; color: #F60; font-size: 18px;">小易
                        </div>
                    <dd>
                        <div align="center"><a href="demo/zhuce.html">立即注册</a></div>
                    </dd>
                    <dd>
                        <div align="center"><a href="demo/login.html">登录</a></div>
                    </dd>

                </div>

                <div class="right">


                    <form method="POST" name="form_login" target="_top">
                        <div>
                            <h style="font-size: 25px;">填下您的宝贵意见吧</h>
                            <h1>性别：</h1>
                            <input type="radio" name="sex" value="man">男
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="radio" name="sex" value="woman">女
                            <br/>
                            <h1>您更喜欢易物还是易务？</h1>
                            <input type="radio" name="like" value="a">易物
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="radio" name="like" value="b">易务
                            <br/>
                            <h1>对我们网站满意吗？</h1>
                            <input type="radio" name="manyi" value="manyi">满意
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="radio" name="manyi" value="bumanyi">还需要改进
                            <br/>
                            <textarea rows="5" cols="39" placeholder="您觉得可以怎么改进···"></textarea>
                        </div>
                        <br/>
                            <input type="submit" class="button" title="Submit" id="提交" value="提交" onclick="alert('感谢您的宝贵意见，我们会努力改进！')">
                    </form>

                </div>

            </div>

        </div>

    </div>
    <script type="text/javascript">
        //窗口效果
        //点击登录class为tc 显示
        $(".tc").click(function(){
            $("#gray").show();
            $("#popup").show();//查找ID为popup的DIV show()显示#gray
            tc_center();
        });
        //点击关闭按钮
        $("a.guanbi").click(function(){
            $("#gray").hide();
            $("#popup").hide();//查找ID为popup的DIV hide()隐藏
        })

        //窗口水平居中
        $(window).resize(function(){
            tc_center();
        });

        function tc_center(){
            var _top=($(window).height()-$(".popup").height())/2;
            var _left=($(window).width()-$(".popup").width())/2;

            $(".popup").css({top:_top,left:_left});
        }
    </script>

    <script type="text/javascript">
        $(document).ready(function(){

            $(".top_nav").mousedown(function(e){
                $(this).css("cursor","move");//改变鼠标指针的形状
                var offset = $(this).offset();//DIV在页面的位置
                var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离
                var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离
                $(document).bind("mousemove",function(ev){ //绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件

                    $(".popup").stop();//加上这个之后

                    var _x = ev.pageX - x;//获得X轴方向移动的值
                    var _y = ev.pageY - y;//获得Y轴方向移动的值

                    $(".popup").animate({left:_x+"px",top:_y+"px"},10);
                });

            });

            $(document).mouseup(function() {
                $(".popup").css("cursor","default");
                $(this).unbind("mousemove");
            });
        })
    </script>


<nav>
    <ul id="menu">
        <li><a href="index.html" class="nav1">首页</a></li>
        <li><a href="yiquan.html" class="nav2">易圈</a></li>

        <li><a href="my.html" class="nav3">我的</a></li>
        <li class="end"><a href="contact.html" class="nav5">关于我们</a></li>
    </ul>
</nav>


    <div class="container">
        <div id="featured">

            <a href=""><img src="images/bnr-1.jpg" /></a>
            <img src="images/bnr-2.jpg" data-caption="#htmlCaption" />
            <img src="images/bnr-3.jpg"  />
        </div>

        <span class="orbit-caption" id="htmlCaption"><strong>愿易</strong>, 期待您的参与···</span>

    </div>
    <br/>
<br/>
<div id="wenzhang">
<div id="hot_point">
    热门
</div>
    <hr/>
<div class="article1" onclick="window.open('jiaoyi.html')">
    <!--可以直接输入某个html，应该是同个目录下就会跳转的，到时在这里尝试下-->

    <!--左边图片右边文字-->
    <div id="article1_text"><p>名称:DIY小清新花盆</p>
        <h2>介绍:
            hello，这是我自己弄的一个小花盆，以易拉罐为原材料，加上手工绘画，相信挂在你的书房或卧室会增加一丝文艺范儿，喜欢的快点赞收藏吧!
        </h2>
        <br>

        <h3>交换条件:我想借一本《浮生绘》两个星期，愿意的小伙伴快来跟我交换吧!
        </h3>
    </div>

    <div class="thing_border" id="thing_border1">
    </div>
</div>

    <div class="article2" onclick="window.open('jiaoyi2.html')">
        <!--左边图片右边文字-->
        <div id="article2_text">
            <p>简介：想与异性吃一顿烛光晚餐？</p>
            <h2>
            没有男（女）朋友？
            跟异性男（女）朋友怕<br/>尴尬？

            找我们“愿易”吧。
            地点自选匹配，写下<br/>条件，餐费AA。
            </h2>
            交换条件：申请“愿易”短期保险，保单基本信息<br/>发送到
            后台《烛光杯·烛光餐》，地点:与愿易有<br/>合作的餐厅。
            《烛光杯·烛光餐》活动，期待大家<br/>的参与。
        </div>

        <div class="thing_border" id="thing_border2">

        </div>
    </div>
    <div class="article3" onclick="window.open('jiaoyi3.html')">
        <!--左边图片右边文字-->
        <div id="article3_text" style="width:400px;height:300px;float: right">
            <p>名称:《HAPPY.NEW.YOUNG》</p>
            <h2>介绍:
                一本关于年轻人幸福观的读物，没有心灵鸡汤，只是分享年轻人的生活态度和方式。而我是爬山爱好者，愿易得喜欢这本书的人陪我去爬白云山。
            </h2>
                交换形式：[服务]爬白云山
                交换时间：2017年7月10日早上9点到下午5点（4点半坐缆车下山）
                交换要求：华软男，爱好运动，阳光乐观。

        </div>

        <div class="thing_border" id="thing_border3">
        </div>
    </div>
</div>

    <!-- 微信二维码和返回顶部（开始） -->
    <div id="code"></div>
    <div id="code_img"></div>
    <a id="gotop" href="javascript:void(0)"></a>
    <!-- 微信二维码和返回顶部（结束） -->

    <br/>
    <hr/>
<footer style="text-align:center;color:#808080">
    <br/>
    客服电话：020-11111111 举报电话：81111111 客服邮箱：yy@yuanyi.com
    <br/>
    版权所有：愿易小组  2017-2018     京ICP备1440624000号
</footer>
</div>

</body>
</html>